<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/* 1.抓到图片元素 */
			img{
				animation: windmill .8s linear infinite;
			}
			/* 2.在图片上进行旋转 */
		    @keyframes windmill{
				from{
					transform: rotate(0deg);
				}
				to{
					transform: rotate(360deg);
				}
			}
		
		</style>
	</head>
	<body>
		<!-- 音视频元素--参考图片元素写法   video  audio
		html5针对属性和属性值一致情况：省去属性值
		autoplay属性   自动播放一次
		controls属性    播放条
		loop属性    无限次播放
		-->
		<video src="img/oceans-clip.mp4" autoplay controls></video>
		<audio src="img/dafengche.mp3" autoplay controls></audio>
		<!-- 1.大风车图片引入 -->
		<img src="img/dfc.jpg" alt="大风车" />
	</body>
</html>